import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import styled from 'styled-components'

// css in js
const Button = styled.button`
  width: 200px;
  height: 100px;
  color: red;
`
const Img = styled.img`
  width: 100%;
  height: auto;
`
class App extends Component {
  render () {
    return <>
      <Button>你好</Button>
      <Img src="http://timgmb03.bdimg.com/timg?searchbox_feed&di=deb4bdc553ad6a8fe4f515c803768e7c&imgtype=1&quality=85&ref=http%3A%2F%2Fwww.baidu.com&sec=0&size=w1024&wh_rate=0&src=http%3A%2F%2Ff12.baidu.com%2Fit%2Fu%3D2091106204%2C149212760%26fm%3D30%26app%3D106%26f%3DJPEG%3Fw%3D312%26h%3D208%26s%3D0647925E025A32755E8B9FBF0300700F" />
    </>
  }
}
ReactDOM.render(
  <App />,
  document.getElementById('root')
)